function soundSpeak(text) {
    const msg = new SpeechSynthesisUtterance();
    msg.text = text; //播放文案
    msg.volume = '1'; // 声音的音量，区间范围是0到1，默认是1。
    msg.rate = '1'; // 语速，数值，默认值是1，范围是0.1到10，表示语速的倍数，例如2表示正常语速的两倍。
    msg.pitch = '0'; // 表示说话的音高，数值，范围从0（最小）到2（最大）。默认值为1。
    msg.lang = 'zh-cn'; // 使用的语言，字符串， 例如："zh-cn"
    return msg;
}
var sound = window.speechSynthesis; // 定义局部变量
//播放
function playText(text) {
    sound.speak(soundSpeak(text));
}

//停止
function stopSpeak() {
    $('.open_voice').removeClass('active');
    $('.open_voice').attr("src", 'img/horn.png');
    sound.cancel();
}
function initFun() {
    $("main").load('home.html');
    var homeDom = $('p.nav-link')[0];
    $(homeDom).addClass('active');
}

$(function () {
    initFun();
    // 切换一级菜单
    $('p.nav-link').click(function () {
        var _childMenu = $('.dropdown-item.menu-child.active').attr('name');
        var _domName = $(this).attr('name');
        // 切换菜单时移除上一个菜单的子菜单选中类名
        if (_childMenu && _domName && _childMenu != _domName) {
            $('.dropdown-item.menu-child').removeClass('active');
        }
        $('p.nav-link.active').removeClass('active');
        $(this).addClass('active');
        if (sound.speaking) {
            stopSpeak();
        }
        switch (_domName) {
            case 'firstMenu':
                // 首页
                $("main").load('home.html');
                break
            case 'secondMenu':
                // 下拉菜单
                $("main").load("dropdown.html");
                break
            case 'thirdMenu':
                // 工具提示框
                $("main").load("tooltips.html");
                break
        }
    });

    // 语音播放文字
    $("main").delegate("img.open_voice", "click", function () {     //delegate给后加的节点绑定事件
        if ($(this).hasClass('active')) {
            stopSpeak();
        } else {
            $(this).addClass('active');
            $(this).attr("src", 'img/horn_close.png');
            playText($('.txt-box').text());
        }
    });

    // 切换二级菜单
    $('.dropdown-item.menu-child').click(function () {
        $('.dropdown-item.menu-child').removeClass('active');
        $(this).addClass('active');
        var _indexMenu = this.tabIndex;
        switch (_indexMenu) {
            case 1:
                $('.dropdown-box').text('当前在第一个子菜单下');
                break
            case 2:
                $('.dropdown-box').text('当前在第二个子菜单下');
                break
            case 3:
                $('.dropdown-box').text('当前在第三个子菜单下');
                break
            case 4:
                $('.dropdown-box').text('当前在第四个子菜单下');
                break
        }
    })

    $('body').click(function () {
        $("[data-toggle='popover']").popover('hide');
    })

    // 提示框点击事件
    $("main").delegate(".tooltips-box span", "click", function (e) {
        e.stopPropagation();
        $('.tooltips-box span').removeClass('active_toggle');
        $(this).addClass('active_toggle');
        $("[data-toggle='popover']").popover('hide');
        $(this).popover('show');
    })
})
